function processFile(blob, fileName) { var sizes = [16, 32, 48, 64, 128, 256]; var reader = new FileReader(); reader.onload = function(e) { var img = new Image(); img.onload = function() { var pngs = []; sizes.forEach(function(s) { var canvas = document.createElement('canvas'); canvas.width = s; canvas.height = s; var ctx = canvas.getContext('2d'); ctx.imageSmoothingEnabled = true; ctx.imageSmoothingQuality = 'high'; ctx.drawImage(img, 0, 0, s, s); var dataUrl = canvas.toDataURL('image/png'); var bin = atob(dataUrl.split(',')[1]); var bytes = new Uint8Array(bin.length); for (var i = 0; i < bin.length; i++) bytes[i] = bin.charCodeAt(i); pngs.push({ size: s, data: bytes }); }); // Build ICO container var headerSize = 6 + pngs.length * 16; var totalSize = headerSize + pngs.reduce(function(a, p){ return a + p.data.length; }, 0); var out = new Uint8Array(totalSize); var dv = new DataView(out.buffer); dv.setUint16(0, 0, true); // reserved dv.setUint16(2, 1, true); // type: 1 = ICO dv.setUint16(4, pngs.length, true); var offset = headerSize; for (var i = 0; i < pngs.length; i++) { var p = pngs[i]; var sz = p.size >= 256 ? 0 : p.size; var entry = 6 + i * 16; out[entry + 0] = sz; // width out[entry + 1] = sz; // height out[entry + 2] = 0; // palette out[entry + 3] = 0; // reserved dv.setUint16(entry + 4, 1, true); // planes dv.setUint16(entry + 6, 32, true); // bpp dv.setUint32(entry + 8, p.data.length, true); dv.setUint32(entry + 12, offset, true); out.set(p.data, offset); offset += p.data.length; } var outBlob = new Blob([out], { type: 'image/x-icon' }); var outName = fileName.replace(/\.[^.]+$/, '.ico'); add_file_output(URL.createObjectURL(outBlob), outName); }; img.onerror = function() { alert('Could not read this image.'); }; img.src = e.target.result; }; reader.readAsDataURL(blob); } var _loadedScripts = {}; function loadScriptPromise(url) { if (_loadedScripts[url]) return _loadedScripts[url]; _loadedScripts[url] = new Promise(function (resolve, reject) { var s = document.createElement('script'); s.src = url; s.onload = resolve; s.onerror = reject; document.head.appendChild(s); }); return _loadedScripts[url]; } function replaceAll(find, replace, str) { return str.replace(new RegExp(find, 'g'), replace); } function beautify(str) { var result = ''; var length = str.length; var i = 0; var braceCountLeft = 0; var braceCountRight = 0; var withinQuotes = false; while (i < length) { var c = str[i]; if (c == '"' && (i == 0 || c[i - 1] != '\\')) { // non-escaped quotes withinQuotes = !withinQuotes; } if (!withinQuotes && (c == '}' || c == '{' || c == ',')) { console.log('Start####' + result); // look back and remove carriage returns and whitespace that are already there var resultIndex = result.length - 1; while (resultIndex >= 0 && (result[resultIndex] == ' ' || result[resultIndex] == '\r' || result[resultIndex] == '\n' || result[resultIndex] == '\t')) { resultIndex = resultIndex - 1; result = result.substr(0, resultIndex + 1); console.log('char ' + result[resultIndex] + '-----' + result + 'zzz ' + result.length + ' ' + resultIndex); } if (c == '{') { braceCountLeft++; result += c + '\r' + GetTabs(braceCountLeft - braceCountRight); } else if (c == '}') { braceCountRight++; // precede with carriage return result += '\r' + GetTabs(braceCountLeft - braceCountRight) + c; } else if (c == ',') { result += c + '\r' + GetTabs(braceCountLeft - braceCountRight); } var nextChar = ''; // advance through whitespace and remove carriage returns that are already there while (i < length && (str[i + 1] == ' ' || str[i + 1] == '\r' || str[i + 1] == '\n' || str[i + 1] == '\t')) { i++; } } else { result += str[i]; } i++; } return result; } function GetTabs(count) { var result = ''; for (var i = 0; i < count; i++) { result += ' '; } return result; }